<!DOCTYPE html>

<html>
<head>

<!-- Tuliana 2 iconset
     from http://www.iconarchive.com/category/system/tulliana-2-icons-by-umut-pulat.html
     released under GLGPL
-->

<title>Message Console::Highland Dots</title>

<style>

/* classes*/

.sectionHeader {
   width:100%;
   height:20px;
   background-image:url('ui/images/bg-header.png');
   background-repeat:repeat-x;
   border-bottom: 1px solid #cccccc;
	font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
	font-weight:bold;
	font-size: 14px;

}

</style>



<body>

<div id="status_div" style="width:600px; height:400px; border:solid black 1px;">
  <div class="sectionHeader">
    <span style="float:left;">
      STATUS: <span id="timeinfo">Time: Not  yet rendered.</span>
    </span>
    <span class="sectionViewControls" style="float:right;">
      <img src="ui/images/tuliana/cancel.png" onclick="alert('Not yet implemented');"
           style="float:right; height:15px;width:15px;text-align:center" />
    </span>
  </div>
  <div id="log_div" style="overflow:auto; width:600px; height:400px;">
    <pre id="log">&nbsp;</pre>
  </div>
</div>

<script src="mylib.js"></script>


<script>

API.attachListener(window, 'message', logMessageHandler);

//window.addEventListener('message', logMessageHandler, false);

function logMessageHandler(e) {
//  if (e.origin == 'http://highlanddots.com') {
//    if (typeof e.data == string) {

      var e1 = document.createElement("div");
      var t = document.createTextNode(e.data);
      e1.setAttribute("style", "border: solid 1px black;");
      e1.appendChild(t);
      document.getElementById("log").appendChild(e1);

//    }
//  }
}


</script>

</body>
</html>